.network-config-descriptions {
  .el-input__wrapper {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .el-input.is-disabled .el-input__wrapper {
    border: none !important;
  }

  .el-descriptions__header {
    margin: 8px;
  }
}

.ipv4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;

  .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

.wifi {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;

  .connect-status {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    .item {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
    }

    .internet {
      font-weight: normal;
    }

    .link {
      width: 160px;
      font-weight: normal;
    }

    .route {
      font-weight: normal;
    }

    .network {
      width: 160px;
      font-weight: normal;
    }

    .pc {
      font-weight: normal;
    }

    .el-divider__text {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      width: auto;
      font-size: 12px;
      font-weight: normal;
      text-align: center;
      white-space: nowrap;
      background-color: var(--wos-box-center-bg);
    }
  }

  .connect-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    .el-descriptions__header {
      margin: 8px;
    }

    .label-style {
      max-width: 160px !important;
    }
  }
}
